<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@include file="/common/common.jspf" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title></title>
	
	<style type="text/css">
		.searchbox {
			margin:-3;
		}
	</style>
	
	<script type="text/javascript">
		$(function(){
			$('#dg').datagrid({    
			   // url:'${proPath}/datagrid_data1.json',
			    //url:'${proPath}/supplier/selectPage.action',  关键字查询
			    url:'${proPath}/supplier/selectPageUseDyc.action', //多条件查询
			    fitColumns:true, 
			    nowrap:true,//同行显示数据nowrapL
			    idField:'supId',//在翻页，之前勾选的也会有记录下来
			    pagination:true,//分页导航栏
			    rownumbers:true,//显示行号
			    pageSize:5,//分页大小
			    pageList:[2,5,10,20],//每页条数选择
			    
			    //传递查询参数
			    queryParams: {//查询参数
					//keyWord:'%%'//相当于什么都查出来---关键字查询
					//多条件查询
					supName:'%%',
					supAddress:'%%' //不包含为空的
				}, 
				

			    toolbar: [{
					iconCls: 'icon-add',
					text:'新增',
					handler: function(){
						//...
						alert('新增按钮');
						parent.$('#win').window({   
							title:'添加供应商' , 
						    width:600,    
						    height:400,    
						    modal:true,
						    content:"<iframe src='${proPath}/base/goURL/supplier/insert.action' height='100%' width='100%' frameborder='0px' ></iframe>"  
						}); 
					}
				},'-',{
					iconCls: 'icon-edit',
					text:'修改',
					handler: function(){
						//...
						alert('修改按钮');
						//判断是否是只有选中一行
						//获取选中的行的数组
						var array = $('#dg').datagrid("getSelections");
						if(array.length != 1){
							//选中多行
							alert("请选择需要修改的行，并且只能是一行");
							return false;
						}
						//选择一行--打开修改的窗口
						parent.$('#win').window({   
							title:'修改供应商' ,
						    width:600,    
						    height:400,    
						    modal:true,
						    content:"<iframe src='${proPath}/base/goURL/supplier/update.action' height='100%' width='100%' frameborder='0px' ></iframe>"  
						});
					}
				},'-',{
					iconCls: 'icon-remove',
					text:'删除',
					handler: function(){
						//...
						//获取选中的记录
						var array = $("#dg").datagrid("getSelections");
						//alert(array);
						//判断是否选中
						if (array.length > 0) {
						//定义数组，通过下边的用来存储选中记录的Id
							var ids = new Array();
							for (i = 0; i < array.length; i++) {
								ids[i] = array[i].supId;
								//alert(ids[i]);
							}
							//alert("ids" + ids);
							//如果需要锁整个页面，前面加parent.
							parent.$.messager.confirm('删除对话框', '您确认要删除吗？', function(r) {
								if (r) {
									alert(r);
									$.ajax({
									  url: "${proPath}/supplier/deleteList.action",
									  type:"POST",
									  //设置为传统方式传送参数
									  traditional:true,
									  data:{pks:ids},
									  success: function(html){
										  //重新刷新页面
										    $("#dg").datagrid("reload");
										    //请除所有勾选的行//多页勾选删除配合idfield使用，否则会出现才会从夫删除
										    $("#dg").datagrid("clearSelections");
									  },
									  error: function (XMLHttpRequest, textStatus, errorThrown) {
											    $.messager.alert('删除错误','请联系管理员！','error');
									  },
									  dataType:'json'
									});
								}
							});
							} else {
								$.messager.show({
									title : '操作提示',
									msg : '请先选择要删除的记录。',
									timeout : 4000,
									showType : 'slide'
								});
							}
						}
				}, '-',{
					//这里的name要和关键字参数的一样，还有下面的提交一样
					text:'名称：<input id="supName" type="text" name="supName" />',
					
				},'-',{
					text:'地址：<input id="supAddress" type="text" name="supAddress" />',
					
				}],
			      
			    columns : [ [
			    	{
						checkbox:true,
					}, 
					{field : 'supId',title : '供应商编号'}, 
					{field : 'supName',title : '供应商名称',width : 100}, 
					{field : 'supLinkman',title : '联系人',width : 100}, 
					{field : 'supPhone',title : '联系电话',width : 100}, 
					{field : 'supPay',title : '期初应付（元）',width : 100}, 
					{field : 'supType',title : '供应商类型',width : 100}, 
					{field : 'supAddress',title : '供应商地址',width : 100}, 
					{field : 'supRemark',title : '备注',width : 100,align : 'right'} 
					] ]
				});
			
			//搜索框
			/* $('#supAddress').searchbox({ 
				searcher:function(value,name){ 
					//alert(value + "," + name);
					$('#dg').datagrid('load',{
						//keyWord: '%'+value+'%',//(关键字查询)点了搜索后就会把你输入的值传过来，然后再加上%模糊查询
						supName:'%'+value+'%',
						supAddress:'%'+value+'%'
					});
				}, 
				prompt:'请输入供应商名称' 
			});  */
			//多条件查询
			$('#supAddress').searchbox({ 
				searcher:function(value,name){ 
					$('#dg').datagrid('load',{
						supName:'%'+$('#supName').val()+'%',
						supAddress:'%'+value+'%'
					});
				}, 
				prompt:'' 
			});
			
		});
	</script>
</head>
<body>
	<!-- 多条件查询  粗腰表单事件 -->
	<!-- <form action="">
		<input type="text" name="ddd"/>
		<input type="text" name="ddd"/>
		<input type="text" name="ddd"/>
	</form> -->
	<table id="dg"></table> 
	
</body>
</html>






